<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>不可用金额</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta content="yes" name="apple-mobile-web-app-capable" />  
		<meta content="black" name="apple-mobile-web-app-status-bar-style" />  
		<meta content="telephone=no" name="format-detection" /> 
		<link rel="stylesheet" href="css/not.css" />
		<script src="js/rem.js"></script>
	</head>
	<body>
		<div class="not" >
			<!--顶部-->
			<header class="clearfix toubu">
				<a href="index.html" class="fl" ><i class="iconfont icon-tubiao-"></i></a>
				<p>不可用金额</p>
			</header>
			<div class="not_nr">
				<ul class="not_lianjie">
					<li>
						<p>提现</p>
						<p>¥0.00</p>
					</li>
					<li>2016-02-29  17:13:42</li>
				</ul>
				<ul class="not_lianjie">
					<li>
						<p>提现</p>
						<p>¥0.00</p>
					</li>
					<li>2016-02-29  17:13:42</li>
				</ul>
				<ul class="not_lianjie">
					<li>
						<p>提现</p>
						<p>¥0.00</p>
					</li>
					<li>2016-02-29  17:13:42</li>
				</ul>
			</div>
		    <!----------不可用金额详情---------->
		    <div class="not_part" id="hiddenDiv">
		    	<!--顶部-->
				<header class="clearfix toubu" >
					<a href="javascript:void(0)" class="fl" onclick="blockDiv()"><i class="iconfont icon-tubiao-"></i></a>
					<a href="javascript:void(0)" class="fl" onclick="blockDiv()"><i class="iconfont icon-cuowu"></i></a>
					<p>不可用金额</p>
				</header>
		    	<div class="not_part_nr">
		    		<div class="not_partone">
		    			<ul>
		    				<li>
		    					<p>金额</p>
		    					<h6>¥10.00</h6>
		    				</li>
		    				<li>
		    					<p>类型</p>
		    					<p>提现</p>
		    				</li>
		    				<li>
		    					<p>时间</p>
		    					<p>2016-02-29  17:40:23</p>
		    				</li>
		    				<li>
		    					<p>流水</p>
		    					<p>145673884113784137</p>
		    				</li>
		    			</ul>
		    			
		    		</div>
		    		<div class="not_partsec">
		    			<p>说明</p>
		    			<span>您正在申请提现操作，款项从优呗到您的银行账户需要1~3个工作日，期间该笔资金暂时不可用。</span>
		    		</div>
		    	</div>
		    </div>
		</div>
		<script src="js/jquery-2.1.0.js"></script>
		<script type="text/javascript">
             function blockDiv(){
               var div = document.getElementById("hiddenDiv").style.display;               
               	if(div=='none'){
                  	document.getElementById("hiddenDiv").style.display='block';
                 }else{
                    document.getElementById("hiddenDiv").style.display='none';
                }
              }  
              
              $(function(){
				$(".not_lianjie").click(function(){
//					console.log($(this));
					$(".not_part").addClass("not_partshow")
				})
		      })	
		</script>
	</body>
</html>
